<template>
	<view>
		<view class="bigbox">
			<view id="shense1">
				<view class="yijianfanghu">
					<view id="yjfh">深色模式</view>
					<u-switch space="2" v-model="value1" size="25" activeColor="#f93f3f"
						inactiveColor="rgb(230, 230, 230)" class="huakuai">
					</u-switch>
				</view>
			</view>
		
		
		
			<view id="shense2">
				<view class="yijianfanghu">
					<view id="yjfh">跟随系统设置</view>
					<u-switch space="2" v-model="value2" size="25" activeColor="#f93f3f"
						inactiveColor="rgb(230, 230, 230)" class="huakuai">
					</u-switch>
				</view>
			</view>
			<p class="kaiqi">开启后，将跟随iOS系统设置中[显示与亮度]面板的浅色/深色模式同步切换。</p>
		</view>
	</view>
</template>

<script >
	export default {
		data() {
			return {
				value1:false,
				value2:true
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>

.bigbox {
		width: 100%;
		height: 2400rpx;
		/* 溢出隐藏 */
		overflow: hidden;
		/* 弹性 */
		display: flex;
		/* 固定 */
		/* position: fixed; */
		/* 水平分布 */
		/* justify-content: space-evenly; */
		/* 换行 */
		/* flex-wrap: wrap; */
		flex-direction: column;
		background-color: rgb(250, 250, 250);

	}

	.huakuai {
		margin-right: 30rpx;
	}

	.you {
		/* margin-left: 650rpx;
	margin-top: 40rpx; */
		width: 40rpx;
		height: 40rpx;
	}

	.faxian {
		text-align: center;
		position: absolute;
		left: 320rpx;
		top: 38rpx;
		font-size: 36rpx;

	}
	.yijianfanghu {
		width: 100%;
		height: 120rpx;
		position: relative;
		border-radius: 0rpx, 0rpx, 30rpx, 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#shense1 {
		width: 92%;
		height: 120rpx;
		background-color: rgb(255, 255, 255);
		border-radius: 30rpx;
		margin-top: 10rpx;
		margin-left: 34rpx;
		position: relative;
	}
	#shense2 {
		width: 92%;
		height: 120rpx;
		background-color: rgb(255, 255, 255);
		border-radius: 30rpx;
		margin-top: 30rpx;
		margin-left: 34rpx;
		position: relative;
	}
	#yjfh {
		margin: 30rpx;
	}
	.hudong {
		color: rgb(140, 140, 140);
		margin-top: 40rpx;
		margin-bottom: 10rpx;
		margin-left: 60rpx;
	}
	.guanxi {
		color: rgb(140, 140, 140);
		margin-top: 60rpx;
		margin-bottom: -30rpx;
		margin-left: 60rpx;
	}

	.kaiqi {
		font-size: 28rpx;
		margin-left: 55rpx;
		margin-right: 55rpx;
		margin-top: 20rpx;
		margin-bottom: 70rpx;
		color: rgb(140, 140, 140);

	}
</style>
